<template>
  <div class="carousel">
    <el-carousel indicator-position="none" height="2.6rem">
      <el-carousel-item v-for="item in urls" :key="item">
        <el-image :src="item" fit="cover" style="width: 100%; height: 100%" />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script setup lang="ts">
/**
 * 轮播图图片
 */
const urls = [
  "http://crowdsourcing.jqweike.com/images/banners/banner1.jpg",
  "http://crowdsourcing.jqweike.com/images/banners/banner2.jpg",
  "http://crowdsourcing.jqweike.com/images/banners/banner3.jpg",
  "http://crowdsourcing.jqweike.com/images/banners/banner4.jpg",
  "http://crowdsourcing.jqweike.com/images/banners/banner5.jpg",
  "http://crowdsourcing.jqweike.com/images/banners/banner6.jpg",
];
</script>

<style scoped></style>
